<template>
  <div style="height: 50px;z-index: 10">
    <NavBar :nav-items="navItems" style="margin-top: 10px;" @choose="handleChoose" :config="config"></NavBar>
  </div>

</template>

<script>
import NavBar from "@/components/content/navbar/NavBar.vue";

export default {
  name: "IndexNavBar",
  components: {NavBar},
  props:{
    config:Object
  },
  data() {
    return {
      navItems: [
        { label: '精选' },
        { label: '电视剧' },
        { label: '电影' },
        { label: '综艺' },
        { label: '动漫' },
        { label: '记录' },
      ],
    };
  },
  methods:{
    handleChoose(index){
      this.$emit('redirectToOther',index)
    }
  }
}
</script>

<style scoped>

</style>
